import React, { Component } from 'react'
import {connect} from "react-redux" // connect 是获取redux已经提供给组件得数据和方法得一个函数
class Dh2 extends Component {
  changeName () {
      this.props.changeName()
  }
  render() {
    console.log(this.props)
    return (
      <div>姓名：{this.props.name} 年龄：{this.props.age}
        <button onClick={this.changeName.bind(this)}>点我修改仓库里的名字</button>
      
      </div>
    )
  }
}
let mapStateToprops = (state)=>{ // 便利仓库里的数据提供给组件得props
   console.log(state);
    return {  // 返回得东西就返回给了组件得props，
       ...state
    }
}
let mapDsipatchToprops = (distatch)=>{ // 便利所有的dispacth去提供给组件得props
    return {
         changeName () {
              distatch({
                type:"changeName" , // type 这个参数是必须得，这个字段必须叫type
                payload:"帅张三" ,// 这个参数的名字可以随便起，一般叫payload
              })
         }
    }
}
export default  connect(mapStateToprops,mapDsipatchToprops)(Dh2)